<template>
  <Toast 
    :visible="toastState.visible"
    :message="toastState.message"
    :type="toastState.type"
    :duration="toastState.duration"
    @close="handleToastClose"
  />
</template>

<script setup lang="ts">
import { getToastState } from '@/utils/toast'
import Toast from './Toast.vue'

/**
 * Toast容器组件
 * @description 全局Toast容器，用于显示Toast消息
 */

// 获取Toast状态
const toastState = getToastState()

/**
 * 处理Toast关闭事件
 */
const handleToastClose = () => {
  // Toast关闭时的处理逻辑
  console.log('Toast已关闭')
}
</script> 